<template>
  <div
    v-if="!isHomePage"
    id="breadcrumb"
    class="breadcrumb container container--flex"
  >
    <BreadcrumbNavigation :isSimplePage="isSimplePage" />
    <div
      id="breadcrumb__drawer"
      class="breadcrumb__drawer hidden"
    />
  </div>
</template>

<script>
import BreadcrumbNavigation from "../navigations/BreadcrumbNavigation.vue"
import BreadcrumbNav from '../../../scripts/BreadcrumbNav.js'

export default {
  name: 'Breadcrumb',
  props: {
    isHomePage: {
      type: Boolean,
      default: false
    },
    isSimplePage: {
      type: Boolean,
      default: false,
    },
  },
  components: {
   BreadcrumbNavigation
  },
  mounted() {
    if (this.isHomePage) return
    BreadcrumbNav.init(
      '#breadcrumb > nav'
    )
  }
}
</script>
